import classNames from 'classnames'
import styles from './Status.module.scss'

export type StatusColor = 'design' | 'development'

interface StatusProps {
  className?: string
  color: StatusColor
}

export const Status = ({ className, color }: StatusProps) => {
  const statusTexts = {
    design: 'Дизайн',
    development: 'Разработка',
  }

  const text = statusTexts[color] || ''

  const allStyles = classNames(styles.component, styles[color], className)

  return <div className={allStyles}>{text}</div>
}
Status.displayName = 'Status'
